<section id="project-file" class="ml-24 mr-24">
	<div class="file-up"></div>
	<div class="dy-flex ptb-10 border-b line-height-34" style="justify-content: space-between;">
		<div class="font-16">文件列表</div>
		<hl-button @on-click="fileUpEvent">上传文件</hl-button>
	</div>
	<div class="project-container">
		<ul>
			<li class="border-b line-height-45 dy-flex" style="justify-content: space-between;" v-for="(item, index) in fileList">
				<div>
					<span class="icon-Nav-contract-file" ></span>
					<span>{{ item.name }} </span>
				</div>
				<p class="pull-right line-height-45 file-btn dy-flex opera-but" style="align-items: center;height: 45px">
					<a class="icon-Gm-delete opera-but-first" @click="delFile(index, item)">
						<b>删除</b>
					</a>
					<span class="block-D-P-D"></span>
					<a  class="icon-GM-preview" @click="previewImage(item.url)">
						<b>预览</b>
					</a>
					<span class="block-D-P-D"></span>
					<a :href="item.url" :download="item.name" class="icon-Gm-download">
						<b>下载</b>
					</a>
				</p>
			</li>
		</ul>
	</div>
	<div class="loadprogress" v-if="progress">正在上传({{progress}})...</div>
</section>

<script src="modules/projectConfig/scripts/file.js" charset="utf-8"></script>
<style>
.loadprogress{
		position: fixed;
		z-index: 999999;
		left: 0;
		bottom: 0;
		height: 20px;
		width: 500px;
		font-size: 12px;
		text-indent: 3px;
		line-height: 20px;
	}
.opera-but{
	display: flex;
	align-items: center;
}
.opera-but	a{
		color:#5e67a5;
		font-size: 12px;
	}
</style>
